<!DOCTYPE html>
<html class="um landscape min-width-240px min-width-320px min-width-480px min-width-768px min-width-1024px">
    <head>
        <title></title>
        <meta charset="utf-8">
        <meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
        <link rel="stylesheet" href="css/fonts/font-awesome.min.css">
        <link rel="stylesheet" href="css/ui-box.css">
        <link rel="stylesheet" href="css/ui-base.css">
        <link rel="stylesheet" href="css/ui-color.css">
        <link rel="stylesheet" href="css/appcan.icon.css">
        <link rel="stylesheet" href="css/appcan.control.css">
    </head>
    <body class="um-vp bc-bg" ontouchstart>
        1、使用open方法也可以实现打开网络html
        <div class="btn ub ub-ac bc-text-head ub-pc bc-btn"  id="btn1">
            打开在线html网页
        </div>
        2、改方法的作用是在浮动窗口执行主窗口的方法，我们知道close关闭窗口是需要在主窗口执行的，如果使用当前方法那么可以在浮动窗口实现了。
        <div class="btn ub ub-ac bc-text-head ub-pc bc-btn"  id="btn2">
            poperver调用index.html的方法
        </div>
        3、该方法指定在某个主窗口的某个浮动窗口（因为有可能一个主窗口对应好几个浮动窗口）执行方法。
        <div class="btn ub ub-ac bc-text-head ub-pc bc-btn"  id="btn3">
            在浮动窗口执行脚本
        </div>
        <div class="btn ub ub-ac bc-text-head ub-pc bc-btn"  id="btn4">
            移动当前主窗口
        </div>

        <a href="http://www.jq22.com/yanshi782" id="pdf">dd</a>
        <script src="js/appcan.js"></script>
        <script src="js/appcan.control.js"></script>

    </body>
    <script>
        appcan.ready(function() {
            // var myPDF = new PDFObject({
            // url : "http://www.lzovm.com:8016/ovm/124.pdf"
            // }).embed();
            appcan.initBounce();

            // appcan.window.onPopoverLoadFinishInRootWnd(function(name, url) {
            // if ( name == "index") {
            // alert("浮动窗口pop1加载完成！");
            // }
            // });
        })

        appcan.button("#btn1", "ani-act", function() {
            appcan.window.open({
                name : 'pdf',
                dataType : 0,
                // data : 'http://www.lzovm.com:8016/ovm/app.php/Home/Public/test1',
                // data : 'http://www.jq22.com/yanshi782',
                // data:'http://fs09.testin.cn/ctf/AqFFFIJ5RkZGSS90ZXN0aW5SZXBvcnQvMjAxNi8wNS8xNy8xNy8yNDY0ODEvYTZiZDExZlBWWXE=.pdf',
                // data : 'http://www.lzovm.com:8016/ovm/124.html',
                data : 'pdf.html',
                // data : 'http://www.jq22.com/yanshi649',
                // data : 'http://www.lzovm.com:8016/ovm/pdf/',
                aniId : 2,
                type : 512,
                animDuration : 500,
            });
        })
        appcan.button("#btn2", "ani-act", function() {
            appcan.window.evaluateScript({
                name : 'root',
                scriptContent : 'alert("hello world")'
            });
        })
        appcan.button("#btn3", "ani-act", function() {
            appcan.window.evaluatePopoverScript({
                name : 'root',
                popName : 'index_content',
                scriptContent : 'alertAppCan()'
            });
        })
        function alertAppCan() {
            // alert('AppCan');
            $('#btn3').html('AppCan');
        }


        appcan.button("#btn4", "ani-act", function() {
            appcan.window.setWindowFrame(100, 0, 300, function() {
            })
        })
    </script>
</html>
